/*
To customize the look and feel of Ionic, you can override the variables
in ionic's _variables.scss file.

For example, you might change some of the default colors:

$light:                           #fff !default;
$stable:                          #f8f8f8 !default;
$positive:                        #4a87ee !default;
$calm:                            #43cee6 !default;
$balanced:                        #66cc33 !default;
$energized:                       #f0b840 !default;
$assertive:                       #ef4e3a !default;
$royal:                           #8a6de9 !default;
$dark:                            #444 !default;
*/

@import "_variables.scss";
@import "_font.scss";
@import "_util.scss";
@import "_type.scss";

a:active, a:hover, a:focus {
    outline: 0 none;
}

.page-container, .masthead{padding: 70px 0px;}

.page-content .page-breadcrumb.breadcrumb{
	background-color:#eee;

	> li > i {
	    color: #666;
	}

	> li + li:before {
	    display: none;
	}

	> li [class^="fa-"], 
	> li [class*=" fa-"] {
		display: inline-block;
	    text-align: center;
	    width: 1.25em;
	}	
}

.tabbable-custom .nav-tabs {
	> li {
	    border-top: 2px solid transparent;
	    margin-right: 2px;
	
		> a {
		    margin-right: 0;
		}	
		> a:hover {
		    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		    border-color: transparent;
		}
		.active {
		    border-top: 3px solid #d12610;
		    margin-top: 0;
		    position: relative;
		
			> a {
			    border-top: medium none;
			    font-weight: 400;
			    outline: 0 none;
			}
			> a:hover {
			    background: none repeat scroll 0 0 #fff;
			    border-color: #d4d4d4 #d4d4d4 transparent;
			    border-top: medium none #d4d4d4;
			}
		}
	}
}
.tabs-below.tabbable-custom .nav-tabs {
	> li > a {
	    border-bottom: 2px solid transparent;
	    border-top: medium none;
	    margin-top: -1px;
	}
	> li.active {
	    border-bottom: 3px solid #d12610;
	    border-top: medium none;
	    margin-bottom: 0;
	    position: relative;
	}
	> li.active > a {
	    border-bottom: medium none;
	}
	> li.active > a:hover {
	    background: none repeat scroll 0 0 #fff;
	    border-color: #d4d4d4 #d4d4d4 transparent;
	}
}
.tabbable-custom.tabbable-full-width {
	.tab-content {
	    border-bottom: medium none;
	    border-left: medium none;
	    border-right: medium none;
	    padding: 15px 0;
	}
	.nav-tabs > li > a {
	    color: #424242;
	    font-size: 15px;
	    padding: 9px 15px;
	}
}

.ver-inline-menu {
    list-style: outside none none;
    margin: 0;
    padding: 0;

	li {
	    margin-bottom: 1px;
	    position: relative;
	
		i {
		    background: none repeat scroll 0 0 #e0eaf0 !important;
		    color: #b9cbd5;
		    display: inline-block;
		    font-size: 15px;
		    height: 37px;
		    margin: 0 8px 0 0;
		    padding: 12px 10px 10px 8px;
		    text-align: center;
		    width: 37px;
		}
		a {
		    background: none repeat scroll 0 0 #f0f6fa;
		    border-left: 2px solid #c4d5df;
		    color: #557386;
		    display: block;
		    font-size: 13px;
		}
	}
	li:hover {
		a, i {
		    background: none repeat scroll 0 0 #e0eaf0;
		    text-decoration: none;
		}
		a {
		    font-size: 13px;
		}
		i {
		    background: none repeat scroll 0 0 #c4d5df !important;
		    color: #fff;
		}
	}
	li.active {
		a {
		    font-size: 13px;
	    	border-left: 2px solid #0c91e5;
		}
		a, i {
		    background: none repeat scroll 0 0 #169ef4;
		    color: #fff;
		    text-decoration: none;
		}
		i {
		    background: none repeat scroll 0 0 #0c91e5 !important;
		}
		:after {
		    border-bottom: 6px solid transparent;
		    border-left: 6px solid #169ef4;
		    border-top: 6px solid transparent;
		    content: "";
		    display: inline-block;
		    position: absolute;
		    right: -5px;
		    top: 12px;
		}
	}
}

.note {
    border-left: 5px solid #eee;
    margin: 0 0 20px;
    padding: 15px 30px 15px 15px;
	
	h1, h2, h3, h4 {
	    margin-top: 0;
	}
	p:last-child {
	    margin-bottom: 0;
	}
	code, .highlight {
	    background-color: #fff;
	}
}
.note-danger {
    background-color: #faeae6;
    border-color: #ed4e2a;
}
.note-warning {
    background-color: #fcf3e1;
    border-color: #fcb322;
}
.note-info {
    background-color: #e8f6fc;
    border-color: #57b5e3;
}
.note-success {
    background-color: #ebfcee;
    border-color: #3cc051;
}